html,body{
    width: 100%;
    height: 100%;
}
body{
    margin:0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    font-family: "microsoft yahei";
    background: url("../img/nav_bg.jpg")left top;
}
div,ul,li,p,span,em,i,b,dl,dd,dt,table,img,input{
    margin:0;
    padding: 0;
    border: 0;
    list-style: none;
    font-family: "microsoft yahei";
    font-style: normal;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
}
a{
    text-decoration: none;
    color:#666;
    cursor: pointer;
}
.fl{
    float: left !important;
}
.fr{
    float: right !important;
}
.top{
    margin-top: 20px;
}
.red{
    color: #c42021;
}
a:hover,img:hover{
    /*opacity:.9;*/
    /*filter:alpha(opacity=90);*/
    /*-moz-opacity:.9;*/
    /*-khtml-opacity: .9;*/
    transition:.5s ease;
    -webkit-transition:.5s ease;
    -moz-transition:.5s ease;
    -ms-transition:.5s ease;
}
.clearfix:before,.clearfix:after{
    content:''; display:table;
}
.clearfix:after{
    clear:both;
}
.clearfix{
    *zoom:1;
}


/* 头部公用样式 */
.nav_box{
  width: 100%;
  height: 110px;
  color: #fff;
  float: left;
}
.nav_box .logo{
    padding: 24px 0 20px 50px;
    float: left;
}
.nav_right{
    float: right;
    margin-right: 5%;
}
.nav_right dl dd{
    float: left;
    padding: 0 20px;
}
.nav_right dl dd a{
    color: #fff;
    line-height: 110px;
    font-size: 14px;
}
.nav_right dl dd:hover a{
    font-weight: bold;
}

/* banner图 */
.banner_box {
    width: 100%;
    height: 454px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
}
.banner_box img{
    height: 454px;
}

/* 正文内容 */
.main_box{
  width: 100%;
  float: left;
}
.main_content{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
/*  通用标题样式 */
.piti_box{
    width: 286px;
    height: 180px;
    text-align: center;
    background:url("../img/piti_b.png") no-repeat;
    color: #fff;
    position: absolute;
    top:-110px;
    left: 50%;
    margin-left: -143px;
}
.piti_box h3{
    font-size: 43px;
    font-family: 'Impact';
    padding: 40px 0 30px 0;
    text-transform: Uppercase;
    letter-spacing:5px;
}
.piti_box p{
    font-size: 24px;
    font-weight: bold;
}
.piti_m{
    width: 100%;
    margin-top: 70px;
    float: left;
    color: #fff;
    text-align: center;
}
.piti_m h3{
    position: relative;
    left: 50%;
    margin-left: -107px;
    display: table;
    margin-top: 5px;
    width: 214px;
    height: 51px;
    padding-top: 33px;
    background: url("../img/piti_2.png") no-repeat;
    text-transform: Uppercase;
    color: #999;
    font-size: 17px;
    font-weight: bold;
}
/* 公司概况 */
.hdbox{
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}
.hdbox li{
    display: inline-block;
    cursor: pointer;
    color: #999;
}
.hdbox li a{
    font-size: 16px;
}
.hdbox li:hover a{
    color: #fff;
    font-weight: bold;
}
.hdbox li.active a{
    color: #fff;
    font-weight: bold;
}
.hdbox li span{
    color: #999;
    display: inline-block;
    padding: 0 24px;
}
.bdbox{
    width: 100%;
    margin-top: 100px;
    float: left;
}
.bdbox li{
    width: 100%;
    float: left;
}
.intr_box{
    width: 100%;
    position: relative;
    float: left;
}
.intr_left{
    width: 535px;
    float: left;
}
.intr_left p:first-child{
    margin-top: 30px;
}
.intr_left p{
    color: #ccc;
    font:normal 14px/36px "microsoft yahei";
    text-indent: 2em;
}
.intr_left .inrt_botm{
    margin-top: 20px;
}
.intr_right{
    float: right;
}
.intr_right span{
    display: block;
    width: 530px;
    height: 360px;
    background: #2f2f2f;
}
.intr_rmg{
    width: 500px;
    height: 355px;
    overflow: hidden;
    position: absolute;
    right: 65px;
    top:50px;
}
.intr_bottom{
    width: 100%;
    height: 450px;
    float: left;
    margin-top: 100px;
    color: #fff;
    position: relative;
    z-index: 9;
    text-align: center;
    margin-bottom: 90px;
}
.intr_bottom span.intr_s{
    display: inline-block;
    padding-top: 76px;
}
.intr_bottom span.intr_x{
    display: inline-block;
    padding-top: 40px;
}
.intr_bottom h3{
    font:bold 18px/18px "microsoft yahei";
    padding: 40px 0 20px 0;
}
.intr_bottom p{
    width: 720px;
    margin: 0 auto;
    font:normal 14px/30px 'microsoft yahei';
}

/*项目介绍*/
.Project_box{
    width: 100%;
}
.Project_box .pro_top{
    text-indent: 2em;
    font:normal 14px/30px 'microsoft yahei';
    color: #999;
}
.pro_img{
    width: 1130px;
    float: left;
    margin-top: 35px;
    padding: 0 20px 0 50px;
}
.pro_img dd{
    margin-right: 30px;
    float: left;
}
.pro_text{
    width: 100%;
    float: left;
    margin-top: 50px;
    margin-bottom: 90px;
}
.pro_text li{
    width: 100%;
    float: left;
    margin-top: 35px;
}
.pro_text li:first-child{
    margin-top: 0;
}
.pro_text li span{
    float: left;
   margin-right: 13px;
}
.pro_text li h3{
    font:normal 16px/24px 'microsoft yahei';
    color: #fff;
}
.pro_text li p{
    margin-top: 6px;
    width: 100%;
    float: left;
   font:normal 14px/30px 'microsoft yahei';
    color: #999;
}
/* 合作须知 */
.cooperation{
    width: 980px;
    margin: 0 auto;
    background: #2f2f2f;
    margin-bottom: 100px;
}
.cooper_box{
    padding: 43px 60px 40px 83px;
    font:normal 14px/32px 'microsoft yahei';
    color: #999;
}
.cooper_box h3{
    font-size: 14px;
    color: #fff;
}

/* 联系我们 */
.contact_box{
    width: 100%;
    float: left;
}
.cont_ul{
    padding: 0 43px;
}
.cont_ul li{
    float: left;
}
.cont_ul li{
    width: 355px;
    height: 240px;
    background: #2f2f2f;
    margin-right: 24px;
    display: table;
    text-align: center;
}
.cont_ul li:last-child{
     margin-right: 0;
 }
.cont_ul li span{
    display: block;
    padding: 24px 0 10px 0;
}
.cont_ul li h3{
    font-size: 14px;
    color: #fff;
}
.cont_ul li p{
    padding-top: 20px;
    color: #fff;
    font-size: 14px;
    font-family: 'Arial';
}
.cont_ul li b{
    font-weight: 100;
    padding-left: 16px;
}
.cont_table{
    width: 100%;
    float: left;
    text-align: center;
    margin: 50px 0 20px 0;
    font-size: 0;
}
.cont_table dd{
    display: inline-block;
    width: 144px;
    height: 35px;
    background: #2f2f2f;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
}
.cont_table dd.active{
    background: #999999;
}


/* 分页通用样式 */
.page{
    width: 100%;
    float: left;
    text-align: center;
}
.page a{
    display: inline-block;
    font-size: 14px;
    font-family: 'Arial';
    color: #999;
    margin-right: 18px;
}
.page a.page_on{
    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;
}
.page .page_mo{
    display: inline-block;
    color: #858585;
    font-size: 12px;
}
/* 车队成员 */
.driver_box{
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.driver_box ul li{
    width: 100%;
    float: left;
    margin-top: 20px;
    background: #2f2f2f;
    position: relative;
}
.driver_box ul li:first-child{
    margin-top: 0;
}
.driver_box ul li .driv_img{
    width: 282px;
    height: 252px;
    float: left;
    background: #000;
    overflow: hidden;
}
.driver_box ul li .driv_img img{
    width: 100%;
}
.driver_box ul li:hover .driv_text{
    padding-left: 380px;
}
.driver_box ul li .driv_text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 63px 0 0 340px;
    width: 100%;
    z-index: 0;
    box-sizing: border-box;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
}
.driver_box ul li .driv_text h3{
    font-size: 16px;
    color: #fff;
    padding-bottom: 4px;
}
.driver_box ul li .driv_text b{
    padding-top: 4px;
    font-size: 13px;
    color: #ccc;
}
.driver_box ul li .driv_text p{
    width: 752px;
    height: 55px;
    overflow: hidden;
    padding-top: 8px;
    font-size: 13px;
    color: #ccc;
    line-height: 30px;
}
.driver_box .driv_bord{
    position: absolute;
    left: 282px;
    top:75px;
    width: 0;
    height: 1px;
    background: #e0161d;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
.driver_box li:hover .driv_bord{
    width: 50px;
}
.driver_box li:hover .driv_text h3{
    color: #e0161d;
}

/* 车手详情 */
.driv_lunbo{
    width: 400px;
    float: left;
    height: 530px;
    position: relative;
}
.driv_lunbo .hd{
    width: 100%;
    height: 10px;
    position: absolute;
    bottom:-30px;
    left: 0px;
    text-align: center;
}
.driv_lunbo .hd ul{
    overflow: hidden;
    zoom: 1;
}
.driv_lunbo .hd li{
    width: auto;
    float: none;
    display: inline-block;
}
.driv_lunbo .hd li{
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    margin-right: 10px;
}
.driv_lunbo .hd li.on{
    border: 1px solid #999999;
    background: none;
}
.driv_lunbo .bd{
    position: relative;
    width: 100%;
    height: 536px;
    background: #000;
}
.driv_lunbo .bd li{
    zoom: 1;
    height: 536px;
}
.driv_lunbo .bd li img{
   width: 100%;
    height: 536px;
}

.driv_right{
    width: 740px;
    float: right;
    color: #ccc;
}
.driv_right h3{
    font-size: 16px;
    padding-top: 10px;
    color: #fff;
}
.driv_right b{
    display: block;
    font-size: 14px;
    font-weight: 100;
    padding-top:5px;
}
.driv_right span{
    width: 100%;
    display: block;
    border-bottom: 1px dotted #4d4d4d;
    padding-top: 20px;
}
.driv_right p{
    padding: 20px 0 0 0;
    font:normal 14px/30px 'microsoft yahei';
}
.driv_right strong{
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-top: 20px;
    padding-bottom: 5px;
}
.driv_right .driv_p{
    padding-top: 5px;
}
.driv_next{
    float: left;
    width: 100%;
    height: 120px;
    background: #2f2f2f;
    margin: 100px 0;
}
.driv_next ul li{
    width: 50%;
    float: left;
    line-height: 120px;
    position: relative;
}
.driv_next .fl p{
    padding-left: 28px;
}

.driv_next .fl span{
    display: inline-block;
    padding: 0 20px;
}
.driv_next .fl a{
    float: left;
    width: 100%;
}
.driv_next .fr a{
    float: right;
    width: 100%;
}
.driv_next .fl:hover a{
    background: #e0161d;
    color: #fff;
}
.driv_next .fr:hover a{
    background: #e0161d;
    color: #fff;
}
.driv_next .fr p{
    float: right;
    padding-right: 28px;
}
.driv_next .fr span{
    display: inline-block;
    padding: 0 37px 0 20px;
    color: #444444;
}
.driv_next .fr:hover span{
    color: #b3b3b3;
}
.driv_next .fl:hover span{
    color: #b3b3b3;
}
.driv_next .fl span{
    display: inline-block;
    padding: 0 20px 0 37px;
    color: #444444;
}
.driv_next .fr .details{
    float: right;
}
.driv_next .fr .details em{
    position: absolute;
    right: 28px;
    top:50%;
    margin-top: -4px;
    width: 17px;
    height: 9px;
    background: url("../img/you.png") no-repeat;
    display: block;
}
.driv_next .fl .details em{
    position: absolute;
    left: 28px;
    top:50%;
    margin-top: -4px;
    width: 17px;
    height: 9px;
    background: url("../img/zuo.png") no-repeat;
    display: block;
}
.driv_next .fl .details i{
    position: absolute;
    left: 67px;
    top:50%;
    margin-top: -4px;
    width: 17px;
    height: 9px;
    background: url("../img/zuo.png") no-repeat;
    display: block;
    opacity: 0;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
}
.driv_next .fr .details i{
    position: absolute;
    right: 67px;
    top:50%;
    margin-top: -4px;
    width: 17px;
    height: 9px;
    background: url("../img/you.png") no-repeat;
    display: block;
    opacity: 0;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
}
.driv_next .fl:hover .details em{
    opacity: 0;
}
.driv_next .fl:hover .details i{
    left: 28px;
    opacity: 1;
}
.driv_next .fr:hover .details em{
    opacity: 0;
}
.driv_next .fr:hover .details i{
    right: 28px;
    opacity: 1;
}

/* 媒体中心 */
.media_box{
    width: 100%;
    float: left;
    position: relative;
}
.media_box ul li{
    float: left;
    width: 380px;
    margin-right: 30px;
}
.media_box ul li:nth-child(3n+3){
    margin-right: 0;
}
.med_left{
    margin: 0 30px;
}
.media_box li .media_img{
    width: 100%;
    height: 310px;
    overflow: hidden;
    background: #000;
    position: relative;
}
.media_img img{
    max-width: 100%;
    transition:All 1s ease-in-out;
    -webkit-transition:All 1s ease-in-out;
    -moz-transition:All 1s ease-in-out;
    -o-transition:All 1s ease-in-out;
}
.media_box li:hover .media_img img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
}
 .media_bord{
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    position: absolute;
    left: -10px;
    top: -10px;
    border: rgba(255,255,255,7) 1px solid;
    transition: all ease-out .3s;
    opacity: 0;
}
.media_box li:hover .media_img .media_bord{
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    left: 20px;
    top: 20px;
    opacity: 1;
}
.media_odd{
    position: absolute;
    left: 50%;
    top:80%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    opacity: 0;
    background: url("../img/mdodd.png") no-repeat;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
}
.media_box li:hover .media_img .media_odd{
    top:50%;
    opacity: 1;
}
.media_text{
    width: 100%;
    height: 182px;
    float: left;
    color: #999999;
}
.media_text h3{
    font-size: 16px;
    color: #fff;
    padding-top: 30px;
}
.media_text b{
    font-size: 13px;
    display: block;
    padding-top: 5px;
    font-weight: 100;
}
.media_text p{
    padding-top: 5px;
    height: 54px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font:normal 13px/30px 'microsoft yahei';
}

/*媒体中心详情样式*/
.media_xq{
    width: 100%;
    float: left;
}
.media_xq h3{
     text-align:center;
     color: #fff;
     font-size: 20px;
}
.media_piti{
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-top:15px;
}
.media_piti em ,.media_piti i{
    display: inline-block;
    vertical-align: middle;
}
.media_piti i{
    font-size: 13px;
    padding-left: 14px;
    color: #666;
    padding-right: 17px;
}
.media_piti span{
    width: 100%;
    display: block;
    height: 1px;
    background: #363636;
    margin-top: 20px;
}
.media_xq p{
    width: 100%;
    float: left;
    margin-top:30px;
    font-size: 14px;
    color: #ccc;
    text-indent: 2em;
    line-height: 30px;
}
/*汽车文化*/
.culture_box{
    width: 100%;
    float: left;
}
.culture_box li{
    width: 100%;
    float: left;
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #363636;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
}
.culture_box li{
    margin-top: 30px;
}
.culture_box li:first-child{
    margin-top: 0;
}
.culture_box li .cult_img{
    width: 350px;
    height: 175px;
    float: left;
    background: #000;
}
.culture_box li .cult_img img{
    max-width: 100%;
}
.culture_box li .cult_right{
    float: right;
    width: 804px;
}
.cult_right .cult_item{
    float: left;
    width: 640px;
}
.cult_right .cult_item h3{
    font-size: 16px;
    color: #fff;
    padding-top: 22px;
}
.cult_right .cult_item p{
    padding-top: 20px;
    font-size: 13px;
    line-height: 30px;
    height: 52px;
    text-overflow:ellipsis;
    overflow: hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color: #ccc;
}
.cult_right .cult_item .details span{
    width: 1px;
    height: 26px;
    background: #2f2f2f;
    display: block;
    position: absolute;
    right: 70px;
    top:137px;
}
.cult_right .cult_item .details em{
    position: absolute;
    right: 34px;
    top:146px;
    width: 17px;
    height: 9px;
    background: url("../img/you.png") no-repeat;
    display: block;
}
.cult_right .cult_item .details i{
    position: absolute;
    right: 64px;
    top:146px;
    width: 17px;
    height: 9px;
    background: url("../img/you.png") no-repeat;
    opacity: 0;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
}
.culture_box li:hover{
    /*box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);*/
    padding-left: 20px;
}
.culture_box li:hover .cult_item h3{
    color: #e0161d;
}
.culture_box li:hover .details em{
    opacity: 0;
}
.culture_box li:hover .details i{
    right: 34px;
    opacity: 1;
}
.cult_right .cult_date{
    float: right;
}
.cult_right .cult_date span{
    display: block;
    padding-top: 22px;
    font-family: 'Arial';
    font-size: 20px;
    margin-right: 8px;
    color: #999;
}
/*视频中心*/
.video_box{
    width: 100%;
    float: left;
}
.video_box ul{
    width: 100%;
}
.video_box li{
    width:585px;
    height:414px;
    float: inherit;
    text-align: center;
    font-size: 0;
    float: left;
    margin-right: 30px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.video_box li:nth-child(even){
    margin-right: 0;
}
.video_box li .video_img{
    width: 100%;
    height: 355px;
    background: #000;
    float: left;
    overflow: hidden;
    margin-bottom:24px;
    position: relative;
}
#video_sp embed{
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
}
.video_img .video_mask{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}
.video_box li:hover .video_mask{
    opacity: 1;
}
.video_img .video_mask em{
    position: absolute;
    left: 50%;
    top:50%;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
    background: url("../img/sp.png") no-repeat;
    -o-transition:.6s;
    -ms-transition:.6s;
    -moz-transition:.6s;
    -webkit-transition:.6s;
    transition:.6s;
    opacity: 0;
}
.video_box li:hover .video_mask em{
    opacity: 1;
    -webkit-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    transform:rotate(360deg);
}
.video_box li .video_img img{
    max-width: 100%;
}
.video_box li p{
    font-size: 16px;
    color: #fff;
}
.video_box li span{
    margin-top: 10px;
    display: inline-block;
    width: 30px;
    height: 1px;
    background: #ccc;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}
.video_box li:hover span{
    width: 60px;
}
.video_box li{
   margin-top: 40px;
}
.video_box .fl_top{
    margin-top:0px;
}
.videoBox{
    margin-top: 60px;
}
#video_sp{
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -400px;
    margin-top: -300px;
    width: 800px;
    height: 600px;
    background: #000;
}
/*视频遮罩样式*/
.Mask_video{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top:0;
    z-index: 999;
    background: rgba(0,0,0,0.7);
    display: none;
}
.video_bf{
    position: absolute;
    left: 50%;
    top:50%;
    margin-left: -400px;
    margin-top: -300px;
    width: 800px;
    height: 600px;
}
.video_bf a{
    display: block;
    width: 100%;
    height: 100%;
}
#video_sp{
   width: 100%;
    height: 100%;
    position: relative;
}
.video_bf .video_play{
    width: 100%;
    height: 100%;
}
.video_bf .video_play source{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
.video_bf #close{
    position: absolute;
    right: -10px;
    top:-10px;
    z-index: 999;
}

/*精彩图库*/
.gallery_box{
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 60px;
}
.gallery_box .grid{
    width:380px;
    font-size:12px;
    float:left;
    overflow: hidden;
}
.grid .imgholder{
    position: relative;
}
.grid .imgholder img{
    max-width:100%;
    display:block;
    transition:All 1s ease-in-out;
    -webkit-transition:All 1s ease-in-out;
    -moz-transition:All 1s ease-in-out;
    -o-transition:All 1s ease-in-out;
    opacity: 0.5;
}
.grid:hover .imgholder img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    opacity: 1;
}
.grid:hover .imgholder .media_bord{
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    left:20px;
    top: 20px;
    opacity: 1;
}
.grid:hover .imgholder .media_odd{
    top:50%;
    opacity: 1;
}
.gallery_box .grid h3{
    padding-top: 18px;
    font-size: 16px;
    color: #ccc;
}
.gallery_box .grid span{
    margin-top: 12px;
    display: block;
    width: 20px;
    height: 1px;
    background: #999999;
    -webkit-transition: all .36s ease;
    transition: all .36s ease
}
.gallery_box .grid:hover span{
    width: 60px;
}
/*图库详情*/
.SlideBox{
    width: 1080px;
    margin: 0 auto;
    position: relative;
    height: 720px;
}
.SlideBox .hd{
   width: 100%;
   height: 30px;
   overflow: hidden;
   background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    bottom: 89px;
    z-index:999;
    text-align: center;
}
.SlideBox .hd ul{
    overflow:hidden;
    zoom:1;
}
.SlideBox .hd ul li{
    width: auto;
    float: inherit;
    display: inline-block;
}
.SlideBox .hd ul li{
    margin-top: 10px;
    width: 8px;
    height: 8px;
    border: 1px solid #999999;
    margin-right: 10px;
}
.SlideBox .hd ul li.on{
    border: 1px solid #c6c6c6;
    background: #c6c6c6;
}
.SlideBox .bd{
    position:relative;
    height:100%;
    z-index:0;
}
.SlideBox .bd li{
    width: 100%;
    height: 720px;
    float: left;
}
.SlideBox .bd li .slide_img{
    width: 100%;
    height:630px;
}
.SlideBox .bd li .slide_img img{
    max-width: 100%;
}
.SlideBox .bd li .slide_text{
    width: 100%;
    height: 90px;
    background: #2f2f2f;
    font-size: 20px;
    line-height: 90px;
    color: #fff;
    text-align: center;
}
.SlideBox .prev{
    width: 12px;
    height: 20px;
    background: url("../img/fll.png") no-repeat;
    position: absolute;
    left: -60px;
    top:50%;
    margin-top: -10px;
}
.SlideBox .next{
    width: 12px;
    height: 20px;
    background: url("../img/frr.png") no-repeat;
    position: absolute;
    right:-60px;
    top:50%;
    margin-top: -10px;
}
/*节目介绍*/
.program_box{
    width: 100%;
    float: left;
}
.program_box p{
    font:normal 14px/36px 'microsoft yahei';
    color: #cccccc;
}
.program_box p:first-child{
    text-indent: 2em;
}
.program_box p strong{
    font-size: 16px;
    color: #fff;
}
.program_img{
    width: 100%;
    float: left;
    margin-top: 80px;
}
.program_img dd{
    width: 385px;
    height: 255px;
    float: left;
    background: #000;
    text-align: center;
}
.left_right{
    margin: 0 22px;
}
.program_img dd img{
    max-width: 100%;
}

/*产品预定*/
.order_box{
    width: 100%;
    float: left;
    position: relative;
}
.order_box li{
    width: 100%;
    float: left;
    padding-bottom: 30px;
    border-bottom: 1px solid #4d4d4d;
    margin-top: 30px;
}
.order_box li:first-child{
    margin-top: 0;
}
.order_box li .order_img{
    width: 285px;
    height: 177px;
    float: left;
    background: #000;
    overflow: hidden;
}
.order_box li .order_img img{
    max-width: 100%;
}
.order_box li .order_text{
    width: 535px;
    float: left;
    margin-left: 40px;
    overflow: hidden;
}
.order_box li .order_text h3{
    font-size: 18px;
    color: #fff;
    padding-top: 22px;
    padding-bottom: 20px;
}
.order_box li .order_text p{
    font-size: 14px;
    color:#ccc;
    margin-bottom: 10px;
    height: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.order_box li .order_text p span{
    display: inline-block;
    cursor: pointer;
    padding-left: 20px;
    color: #999;
}
.order_box li .order_text p span em{
    vertical-align: middle;
    margin-right: 10px;
}
.order_box li .order_right{
     float: right;
    text-align: right;
}
.order_box li .order_right h3{
    padding-top: 16px;
    font-size: 14px;
    color: #fff;
}
.order_box li .order_right h3 strong{
    font-size: 36px;
}
.order_box li .order_right del{
    font-size: 14px;
    color: #ccc;
}
.order_box li .order_right span{
    margin-top:20px;
    display: block;
    width: 128px;
    height: 40px;
    background: #c42021;
    text-align: center;
    line-height: 40px;
}
.order_box li .order_right span a{
    color: #fff;
}

/*产品详情*/
.info_box{
   padding: 20px 0 20px 20px;
   background: #2f2f2f;
    height: 400px;
    position: relative;
}
/*产品示意图*/
.img_o{
    position: relative;
    width: 498px;
    height: 400px;
    float: left;
    margin-right: 30px;
}
.img_o .bigImg{
    height: 300px;
    position: relative;
    cursor: pointer;
}
.img_o .bigImg li img{
    width: 100%;
    height:300px;
}
.img_o .smallScroll{
    position: relative;
    width: 100%;
    height: 100px;
}
.img_o .sPrev{
    position: absolute;
    left: 0px;
    top:39px;
}
.img_o .sNext{
    position: absolute;
    right: 0px;
    top:39px;
}
.img_o .smallImg{
    width: 442px;
    float: left;
    margin-top: 20px;
    margin-left: 30px;
}
.img_o .smallImg ul{
    height:54px;
    width: 9999px;
    overflow: hidden;
}
.img_o .smallImg li{
    float: left;
    padding: 0 14px 0 0;
    width:100px;
    height: 56px;
    cursor:pointer;
}
.img_o .smallImg img{
    width:100%;
    height:56px;
    opacity: 0.6;
}
.img_o .smallImg .on img{
    opacity: 1
}
/*产品右边信息合集*/
.info_right{
   float: left;
}
.info_right h3{
    padding-top: 20px;
    font-size: 25px;
    padding-bottom:10px;
    color: #fff;
}
.info_right p{
  font-size: 14px;
    color: #ccc;
}
.info_right p span{
    display: inline-block;
    cursor: pointer;
    padding-left: 20px;
    color: #999;
}
.info_right p span em{
    vertical-align: middle;
    margin-right: 10px;
}
.info_right p span a{
    color: #999;
}
.info_right p{
 margin-top: 15px;
}
.info_right i{
    padding: 2px 5px;
    background: #50b400;
    border-radius: 3px;
    color: #fff;
}
.info_pric{
    position: absolute;
    right: -10px;
    top:108px;
    width: 186px;
    height: 87px;
    background: url("../img/jg_06.png") no-repeat;
    text-align: center;
}
.info_pric h1{
    padding-top: 5px;
    font-size: 14px;
    color: #fff;
}
.info_pric h1 strong{
    font-size: 36px;
}
.info_pric del{
    font-size: 14px;
    color: #ccc;
}
/*产品table选项*/
.tics{
    width: 100%;
    float: left;
    margin-top: 30px;
    position: relative;
}
.tics_top{
    height: 45px;
    position: relative;
}
.tics_box{
    position: absolute;
    left: 0;
    top:0;
    width: 1160px;
    padding: 5px 20px 0 20px;
    background: #2f2f2f;
    float: left;
}
.tics_box li{
    width: 125px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
}
.tics_box li.active{
    background: #999999;
    border-radius: 5px 5px 0 0;
}
.tics_box li.active a{
    color: #333;
    font-weight: bold;
}
.tics_box li a{
    font-size: 16px;
    color:#ccc;
}
/*门票类型*/
.Ticket{
    padding: 0 20px 20px 20px;
    width: 1160px;
    float: left;
    background: #3d3d3d;
}
.ticket_top{
    padding-top: 16px;
    width: 100%;
}
.ticket_top span{
    cursor: pointer;
    width: 124px;
    height: 32px;
    display: block;
    background: #c42021;
    text-align: center;
    color: #fff;
    line-height: 32px;
}
.ticker_warp{
    margin-top: 20px;
}
.ticker_title{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #ccc;
    background: #505050;
}
.ticker_title em{
    width: 20%;
    float: left;
}
.ticker_title em:first-child{
    padding-left: 20px;
    width: 37%;
}
.ticker_main{
    width: 100%;
}
.ticker_main li{
    line-height: 50px;
    border-bottom: 1px dashed #6a6a6a;
}
.ticker_main li .list_tk:first-child{
    width: 37%;
    padding-left: 20px;
}
.ticker_main li .list_tk{
    width: 20%;
    float: left;
    color: #ccc;
    font-size: 14px;
}
.ticker_main li .list_tk strong{
    font-size: 16px;
    color: #fff;
    font-weight: 100;
}
.ticker_main li .list_tk em{
    padding: 3px 6px;
    background: #c42021;
}
.ticker_main li .list_tk em a{
    color: #fff;
}
.ticket_list{
    margin-top: 20px;
}
.ticket_list .tick_text{
  font:normal 14px/26px 'microsoft yahei';
    color: #ccc;
    text-indent: 2em;
}
.tick_xz p{
    font:normal 14px/26px 'microsoft yahei';
    color: #ccc;
}
.tick_xz p span{
    display: block;
}
.tick_map{
    width: 100%;
    height: 600px;
    background: #000;
    overflow: hidden;
}
.tick_map img{
    width: 100%;
    height: 600px;
}
/*下单样式*/
.yd_box{
    width: 1200px;
    margin: 0 auto;
    background: #2f2f2f;
}
.yd_main{
    padding:50px;
}
.online{
    height: 36px;
}
.online li{
    width: 210px;
    float: left;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
    background: #555555;
    position: relative;
    margin-left: 20px;
}
.online li:first-child{
    margin-left: 0;
}
.online li.stp1{
    background: #c42021;
}
.online li.stp1 i{
    position: absolute;
    right: -20px;
    top:0;
    width: 20px;
    height: 36px;
    background: url("../img/yd.png") no-repeat;
    background-position: 0 0;
}
.online li i{
    position: absolute;
    right: -20px;
    top:0;
    width: 20px;
    height: 36px;
    background: url("../img/yd.png") no-repeat;
    background-position: 0 -37px;
}
.online li.stp3 i{
    position: absolute;
    right: -20px;
    top:0;
    width: 20px;
    height: 36px;
    background: url("../img/yd.png") no-repeat;
    background-position: 0 -111px;
}
.yd_list{
    font-size: 18px;
    font-weight: bold;
    color: #cccccc;
    padding: 30px 0 12px 0;
    border-bottom: 1px solid #424242;
}
.yd_list small{
    font-size: 14px;
    font-weight: 100;
}
.yd_iont{
    margin-top: 20px;
    padding: 40px 40px 40px 0;
    background: #383838;
}
.iont_list{
    width: 100%;
    font-size: 14px;
    color: #fff;
    margin-bottom: 30px;
}
.iont_list label{
    width: 100px;
    text-align: right;
    display: inline-block;
}
.iont_list em{
    display: inline-block;
    margin-left: 10px;
}
.iont_list .data{
    width: 150px;
    height: 25px;
    border: 1px solid #707070;
    background: none;
    outline: none;
    color: #fff;
    padding-left: 10px;
}
.iont_list .numll_reduce{
    display:inline-block;
    width: 40px;
    height: 25px;
    border: 1px solid #707070;
    background: #666666;
    outline: none;
    color: #fff;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
.iont_list .numll_odd{
    display:inline-block;
    width: 40px;
    height: 25px;
    border: 1px solid #707070;
    background: #666666;
    outline: none;
    color: #fff;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
.iont_list .numll{
    width: 76px;
    height: 25px;
    border: 1px solid #707070;
    background: none;
    outline: none;
    color: #fff;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
.iont_list .yd_price{
    font-size: 14px;
    color: #ff6600;
}
.iont_list .yd_price strong{
    font-size: 36px;
}
.iont_info{
    width: 49.5%;
    float: left;
}
.iont_list .user_name{
    width: 140px;
    height: 25px;
    border: 1px solid #707070;
    background: none;
    outline: none;
    color: #fff;
    text-indent: 1em;
    margin-right: 10px;
    vertical-align: middle;
}
.iont_list small{
    color: #ccc;
    display: inline-block;
}
.form_submit{
    width: 100%;
}
.submin_btn{
    margin-top: 50px;
    margin-left: 20px;
    width: 128px;
    height: 40px;
    background: #c42021;
    outline: none;
    color: #fff;
    cursor: pointer;
}
.form_contion .error{
    color:#c42021;
    vertical-align: middle;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
    white-space: nowrap;
}
/* 尾部版权信息 */
.fot_top{
    margin-top:100px;
}
.footer{
    width: 100%;
    float: left;
    background: #000000;
}
.fot_box{
    width: 1200px;
    margin: 0 auto;
}
.fot_box dl{
    width: 100%;
    text-align: center;
    margin: 30px 0;
}
.fot_box dl dd a{
    float: left;
    color: #999;
}
.fot_box dl dd:hover a{
    color: #fff;
    font-weight: bold;
}
.fot_box dl dd{
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
}
.fot_box dl dd span{
    width: 1px;
    height: 15px;
    background: #999;
    display: inline-block;
    margin: 0 24px;
}
.fot_box p{
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 12px;
    line-height: 33px;
    margin-bottom: 38px;
}
.fot_box p b{
    font-weight: 100;
    padding: 0 10px;
}
.fot_box p .cl{
    color: #999;
}
/* 关于我们背景图片 */
.intr_bg{
    position: absolute;
    top:1336px;
    left: 0;
    width: 100%;
    float: left;
    height: 450px;
    background: url("../img/intr_bg1.jpg");
    background-position: center 0;
    background-repeat: no-repeat;
    transition: all 1s cubic-bezier(.215,.61,.355,1);
    z-index: 1;
}

/* 联系我们地图 */
.mapbox{
    width: 100%;
    float: left;
    margin-top: 50px;
    font-size: 0;
}
.mapbox .hd{
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}
.mapbox .hd li{
    display: inline-block;
    width: 144px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    background: #2f2f2f;
    color: #ccc;
    cursor: pointer;
}
.mapbox .hd li.on{
    background: #999;
    color: #fff;
}
.mapbox .bd{
    position: relative;
    width: 100%;
    height: 475px;
    float: left;
    margin-top: 0;
    margin-bottom: 100px;
    zoom:1;
    overflow: hidden;
}
.mapbox .bd li{
    position: absolute;
    left: 0;
    top:0;
    display: none;
}

/*产品预定弹出地图*/
.order_map{
    position: fixed;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: none;
}
.order_main{
    width: 880px;
    height: 430px;
    background: #fff;
    position: absolute;
    left: 50%;
    top:50%;
    border: 10px solid #6a6a6a;
    margin-top: -225px;
    margin-left: -450px;
}
.order_main span{
    display: block;
    position: absolute;
    right: -20px;
    top:-20px;
    z-index: 999;
}
.map_bpx{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.map_bpx{
    max-width: 100%;
}